<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title></title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="js/plugin/frame/css/common.css">
	<link rel="stylesheet" type="text/css" href="js/plugin/frame/css/tablePanel.css">
	<link rel="stylesheet" type="text/css" href="js/plugin/frame/css/toolBar.css">
	<link rel="stylesheet" type="text/css" href="js/plugin/frame/css/icon.css">
	<link rel="stylesheet" type="text/css" href="js/plugin/frame/css/accordionPanel.css">
	<link rel="stylesheet" type="text/css" href="js/plugin/frame/css/windowPanel.css">
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/plugin/frame/accordionPanel.js"></script>
	<script type="text/javascript" src="js/plugin/frame/layout.js"></script>
	<script type="text/javascript" src="js/plugin/frame/toolBar.js"></script>
	<script type="text/javascript" src="js/plugin/frame/windowPanel.js"></script>
	<script type="text/javascript" src="js/plugin/frame/GridPanel.js"></script>
	<script type="text/javascript" src="js/modules/system.js"></script>
  </head>
  <body>
	<div id="main-layout">
  	<div class="layout-head" id="layout-head"></div>
  	<div class="layout-center" id="layout-center">
  		<div class="center_left" id="center_left">
  			<div class="ext-panel-treePanel">
  				<div class="head">
  					<div class="title">系统选项</div>
  					<div class="bar"></div>
  				</div>
  				<div class="content">
  					<ul class="data-tree">
  						<li>
  							<div class="category"><div class="system_pic"></div><span class="title">系统菜单</span><span class="bar"></span></div>
  							<ul class="data" id="tree">
  								<li>123</li>
  								<li>123</li>
  								<li>123</li>
  							</ul>
  						</li>
  						<div class="horizontal-line"></div>
  						<li>
  							<div class="category"><div class="start_pic"></div><span class="title">开始</span><span class="bar"></span></div>
  							<ul class="data">
  								<li>123</li>
  								<li>123</li>
  								<li>123</li>
  							</ul>
  						</li>
  					</ul>
  				</div>
  			</div>
  		</div>
  		<div class="center_right">
  			<div class="ext-panel-tablePanel">
  				<div class="head">
  					<div class="title"></div>
  				</div>
  				<div class="toolBar" id="toolBar"></div>
  				<div class="content">
  				<table id="titleTable">
  				<tr>
  					<td>123</td>
  					<td>123</td>
  					<td>123</td>
  					<td>123</td>
  					<td>123</td>
  				</tr>
  				</table>
  				<table id="dataTable">
  					<tr>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  					</tr>
  					<tr>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  					</tr>
  					<tr>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  						<td>123</td>
  					</tr>
  				</table>
  				</div>
  			</div>
  		</div>
  	</div>
  	<div class="layout-bottom" id="layout-bottom"></div>
  	</div>  	
  	<script type="text/javascript">
	$(document).ready(function(){
	var accordionPanel = new AccordionPanel();
	var layout = new Layout();
	var toolBar = new ToolBar({
		renderTo : 'toolBar',
		items : [{
			text : '新建',
			pic : 'add',
			userable:'true',
			handler : function(){
			dictionaryFunction.save();
			}		
		},'-',{
			text:'修改',
			pic:'edit',
			userable:'true',
			handler:function(){
			
			}
		},'-',{
			text:'查看',
			pic:'view',
			userable : 'true',
			handler : function(){
			
			}
		},'-',{
			text:'删除',
			pic:'delete',
			userable : 'true',
			handler : function(){
			
			}
		}]
			
	}).render();
	
	new GridPanel({
	titleTable : 'titleTable',
	dataTable : 'dataTable',
	width:[100,100,120,150,]
	});
	});
  	</script>
  </body>
</html>
